<div class="left-nav">
    <ul class="sanjiao">
        <li class="active"><a href="javascript:;" class="fnt_16 col_fff"> <i class="iconfont icon-xiangmu1 col_fff"></i>用户管理<b class="sj"></b> </a>
            <div class="hide_list">
                <p class="active fnt_16 "><a href="#">新建用户</a></p>
                <p class="fnt_16 "><a href="#">用户列表 </a></p>
                <p class="fnt_16 "><a href="#">用户审核 </a></p>
            </div>
        </li>
        <li ><a href="#" class="fnt_16 col_fff"> <i class="iconfont icon-renwu2 col_fff"></i>权限管理<b class="sj"></b></a>
            <div class="hide_list">
                <p class="active fnt_16 "><a href="#">新建角色</a></p>
                <p class="fnt_16 "><a href="#">用户列表 </a></p>
            </div>
        </li>
        <li ><a href="#" class="fnt_16 col_fff"> <i class="iconfont icon-wenzhangfenlei col_fff"></i>积分管理</a>
        </li>
        <li ><a href="#" class="fnt_16 col_fff"> <i class="iconfont icon-xuqiuguanli col_fff"></i>日志管理<b class="sj"></b></a>
            <div class="hide_list">
                <p class="active fnt_16 "><a href="#">项目日志</a></p>
                <p class="fnt_16 "><a href="#">任务日志 </a></p>
                <p class="fnt_16 "><a href="#">积分日志 </a></p>
                <p class="fnt_16 "><a href="#">用户管理 </a></p>
            </div>
        </li>
        <li><a href="javascript:;" class="fnt_16 col_fff"> <i class="iconfont icon-zidianguanli col_fff"></i>数据字典<b class="sj"></b> </a>
            <div class="hide_list">
                <p class="active fnt_16 "><a href="#">注册用户数据</a></p>
                <p class="fnt_16 "><a href="#">设计类别 </a></p>
                <p class="fnt_16 "><a href="#">信源名称 </a></p>
            </div>
        </li>
    </ul>
</div>
<script>
    $('.left-nav li').click(function () {
        $(this).addClass("active").siblings().removeClass("active");
    })
    $('.hide_list>p').click(function () {
        $(this).addClass("active").siblings().removeClass("active")
    });
</script>